/* 背景图 */
.a_background{width: 100%;height: 100%;position: absolute;}
.a_background_top{width: 100%; height: 71.6%;background-image: url("../images/background/a_background_top.png");background-size: 100% 100%;}
.a_background_middle{width: 100%; height: 13.1%;background-image: url("../images/background/a_background_middle.png");background-size: 100% 100%;}
.a_background_bottom{width: 100%; height: 15.3%;background-image: url("../images/background/a_background_bottom.png");background-size: 100% 100%;}

/* 小男孩 */
.charector{width: 151px;height: 291px;background: url(../images/boy.png) -0px -291px no-repeat;position: absolute;left: 6%;top: 55%;}

/* 普通慢走 */
.slowWalk{
    /* 规定 @keyframes 动画的名称 */
    -webkit-animation-name: person-slow;
    /* 动画完成一个周期所花费的秒或毫秒，默认为0 */
    -webkit-animation-duration: 950ms;
    /* 动画被播放的次数，默认是 1，infinite(循环播放) */
    -webkit-animation-iteration-count: infinite;
    /* 动画切换的方式是一帧一帧的改变 */
    -webkit-animation-timing-function: steps(1,start);

    -moz-animation-name: person-slow;
    -moz-animation-duration: 950ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: steps(1, start)
}

@-webkit-keyframes person-slow{
    0% { background-position: -0px -291px; }
    25% { background-position: -602px -0px; }
    50% { background-position: -302px -291px; }
    75% { background-position: -151px -291px; }
    100% { background-position: -0px -291px; }
}
@-moz-keyframes person-slow{
    0% { background-position: -0px -291px; }
    25% { background-position: -602px -0px; }
    50% { background-position: -302px -291px; }
    75% { background-position: -151px -291px; }
    100% { background-position: -0px -291px; }
}

/* 人物暂停 */
.pauseWalk{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}